﻿@using xConnected.Common.ExpertProfile
<div class="row" data-bind="with: positionAdvancedSearch">
    <div class="span2">
        <small>@Resources.ProfilesPerPage:</small>
        <select class="input-mini" data-bind="options: $root.pageSizeChoicesProfiles, value: $root.position.pageSize"></select>
    </div>
    <div class="pagination" align="right" style="margin-top: 0px">
        <ul>
            <li>
                <a title="First Page" href="#" data-bind="click: function() { $root.position.firstPage(); }">|←</a>
            </li>
            <li>
                <a title="Previous Page" href="#" data-bind="click: function () { $root.position.previousPage(); }">←</a>
            </li>
            <!-- ko foreach: ko.utils.range(0, $root.position.pagesCount()-1) -->
            <li data-bind="css: { 'active': $data == $root.position.positionAdvancedSearch().PageIndex() }">
                <a href="#" data-bind="text: ($data + 1), click: function() { $root.position.pageNumber($data) }">
                </a>
            </li>
            <!-- /ko -->
            <li>
                <a title="Next Page" href="#" data-bind="click: function() { $root.project.nextPage(); }"> →</a>
            </li>
            <li>
                <a title="Last Page" href="#" data-bind="click: function() { $root.position.lastPage(); }"> →|</a>
            </li>
        </ul>
    </div>
</div>